﻿<div id="pui_util_layout">
</div>
<script>
(function(){
	var dr=new Mui.util.DocsRender({
		renderTo:'pui_util_layout',
		data:{
			title:'Mui.util.Layout',
			superclass:'Mui.util.UI',
			desc:'该组件可以提供任意容器组合的布局，数据结构是一个树结构，父节点的容器包含子节点的容器，兄弟节点为相邻的容器，容器以div的形式渲染，兄弟节点之间支持两种排列形式，由他们的父节点的layout属性配置：layout为column时为列布局，可设置宽度（或百分比）和高度，总宽度建议不要超过父容器（百分比不要超过100%）；layout为row时为行布局，可设置高度，不建议设置宽度，宽度自适应父容器',
			private:[{
				name:'__eventBus',
				desc:'对象的事件容器',
				type:'object',
				def:'{}'
			},{
				name:'__type',
				desc:'类型，用于对类进行描述',
				type:'string',
				def:'Viewport'
			},{
				name:'__constructor',
				desc:'构造函数',
				type:'string',
				def:'Mui.util.Layout'
			}],
			public:[{
				name:'template',
				desc:'组件的模板，树结构的模板，如：[{height:300},{layout:\'column\',items:[{width:\'30%\'},{width:\'70%\'}]},{},{}]',
				type:'array',
				def:'[]'
			}],
			fn:[
			{
				name:'getLeafEls()',
				desc:'获取没有子容器的叶子容器的jQuery Dom元素集合',
				ret:'所有的没有子容器的叶子容器的jQuery Dom集合',
				retType:'jQuery object'
			},
			{
				name:'getLeafEl(number index)',
				desc:'获取指定序号的叶子容器的jQuery Dom',
				ret:'指定序号的叶子容器的jQuery Dom',
				retType:'jQuery object'
			},
			{
				name:'render()',
				desc:'重写父类的渲染方法，渲染组件'
			},
			{
				name:'initComponent()',
				desc:'重写父类的initComponent方法'
			}
			]
		}
	});
})();
</script>